<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <title>G-Estantes móveis modulares</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../../../resources/css/bootstrap.css" rel="stylesheet">
    <link href="../../../resources/css/main.css" rel="stylesheet">
    <link href="../../../resources/css/datepicker.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="../../../resources/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="ico/favicon.png">
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">G-Estantes</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="home.html">Home</a></li>
              <li class="active"><a href="#"><span class="badge">4</span> Serraria</a></li>
            </ul>
            <div class="btn-group pull-right">
              <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> Leonardo Marinho (RSS)</a>
              <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li class="vermelho"><a href="#"><i class="icon-remove"></i> Sair</a></li>
              </ul>
            </div>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">
      <h1>Pedidos de Serraria</h1>
      <ul class="nav nav-tabs">
		  <li><a href="#novos" data-toggle="tab"><span class="badge badge-info">4</span> Novos</a></li>
		  <li class="active">
		    <a href="#pendentes" data-toggle="tab"><span class="badge badge-warning">4</span> Pendentes</a>
		  </li>
		  <li><a href="#concluidos" data-toggle="tab">Concluídos</a></li>
		  <li><a href="#todos" data-toggle="tab">Todos</a></li>
	  </ul>
      <div id="alertas"></div>
      <div class="tab-content">
		  <div class="tab-pane" id="novos">
		      <h2>Novos Pedidos de Serraria</h2>
			  <form class="navbar-search pull-left">
				  <input type="text" class="search-query" placeholder="Buscar">
			  </form>
			  <a href="#modalFiltrar" role="button" class="btn btn-info pull-right" data-toggle="modal"><i class="icon-filter icon-white"></i> Filtrar</a>
		      <table class="table table-striped table-hover hoverAzul" id="tabelaPedidos">
		        <thead>
		          <tr>
		            <th>Reg</th>
		            <th>Solicitante</th>
		            <th>Data</th>
		            <th>Partes</th>
		          </tr>
		        </thead>
		        <tbody id="resultados">
		          <tr id="1342">
		            <td>1342</td>
		            <td>Leonardo Marinho</td>
		            <td>28/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 0,60m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 0,60m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-plus"></i> Pedir Placas</a></td>
		          </tr>
		          <tr id="1234">
		            <td>1234</td>
		            <td>Leonardo Marinho</td>
		            <td>15/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>10 x </strong> prateleira 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-plus"></i> Pedir Placas</a></td>
		          </tr>
		          <tr id="1224">
		            <td>1224</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-plus"></i> Pedir Placas</a></td>
		          </tr>
		          <tr id="1223">
		            <td>1223</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 2,40m</li>
		                <li><strong>4 x </strong> parede 0,60m x 2,40m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 2,40m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-plus"></i> Pedir Placas</a></td>
		          </tr>
		        </tbody>
		      </table>
			  <div class="pagination pagination-centered">
				<ul>
				  <li class="disabled"><a href="#">&laquo;</a></li>
		    	  <li class="active"><span>1</span></li>
		    	  <li><a href="#">2</a></li>
		    	  <li><a href="#">3</a></li>
				  <li><a href="#">&raquo;</a></li>
				</ul>
			  </div>
		  </div>	      
		  <div class="tab-pane active" id="pendentes">
		      <h2>Pedidos de Serraria Pendentes</h2>
			  <form class="navbar-search pull-left">
				  <input type="text" class="search-query" placeholder="Buscar">
			  </form>
			  <a href="#modalFiltrar" role="button" class="btn btn-info pull-right" data-toggle="modal"><i class="icon-filter icon-white"></i> Filtrar</a>
		      <table class="table table-striped table-hover hoverAzul" id="tabelaPedidos">
		        <thead>
		          <tr>
		            <th>Reg</th>
		            <th>Solicitante</th>
		            <th>Data</th>
		            <th>Partes</th>
		          </tr>
		        </thead>
		        <tbody id="resultados">
		          <tr id="1342">
		            <td>1342</td>
		            <td>Leonardo Marinho</td>
		            <td>28/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 0,60m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 0,60m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		          <tr id="1234">
		            <td>1234</td>
		            <td>Leonardo Marinho</td>
		            <td>15/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>10 x </strong> prateleira 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		          <tr id="1224">
		            <td>1224</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td>
		            	<div class="btn-group pull-right">
		            		<a class="btn btn-placas " href="#"><i class="icon-list"></i> Detalhes</a>
		            	</div>
		            </td>
		          </tr>
		          <tr id="1223">
		            <td>1223</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 2,40m</li>
		                <li><strong>4 x </strong> parede 0,60m x 2,40m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 2,40m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		        </tbody>
		      </table>
			  <div class="pagination pagination-centered">
				<ul>
				  <li class="disabled"><a href="#">&laquo;</a></li>
		    	  <li class="active"><span>1</span></li>
		    	  <li><a href="#">2</a></li>
		    	  <li><a href="#">3</a></li>
				  <li><a href="#">&raquo;</a></li>
				</ul>
			  </div>
		  </div>
	      <div class="tab-pane" id="concluidos">
		      <h2>Pedidos de Serraria Concluídos</h2>
			  <form class="navbar-search pull-left">
				  <input type="text" class="search-query" placeholder="Buscar">
			  </form>
			  <a href="#modalFiltrar" role="button" class="btn btn-info pull-right" data-toggle="modal"><i class="icon-filter icon-white"></i> Filtrar</a>
		      <table class="table table-striped table-hover hoverAzul" id="tabelaPedidos">
		        <thead>
		          <tr>
		            <th>Reg</th>
		            <th>Solicitante</th>
		            <th>Data</th>
		            <th>Partes</th>
		          </tr>
		        </thead>
		        <tbody id="resultados">
		          <tr id="1342">
		            <td>1342</td>
		            <td>Leonardo Marinho</td>
		            <td>28/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 0,60m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 0,60m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		          <tr id="1234">
		            <td>1234</td>
		            <td>Leonardo Marinho</td>
		            <td>15/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>10 x </strong> prateleira 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		          <tr id="1224">
		            <td>1224</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td>
		            	<div class="btn-group pull-right">
		            		<a class="btn btn-placas " href="#"><i class="icon-list"></i> Detalhes</a>
		            	</div>
		            </td>
		          </tr>
		          <tr id="1223">
		            <td>1223</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 2,40m</li>
		                <li><strong>4 x </strong> parede 0,60m x 2,40m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 2,40m</li>
		              </ul>
		            </td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		        </tbody>
		      </table>
			  <div class="pagination pagination-centered">
				<ul>
				  <li class="disabled"><a href="#">&laquo;</a></li>
		    	  <li class="active"><span>1</span></li>
		    	  <li><a href="#">2</a></li>
		    	  <li><a href="#">3</a></li>
				  <li><a href="#">&raquo;</a></li>
				</ul>
			  </div>
		  </div>
		  <div class="tab-pane" id="todos">
		      <h2>Todos os Pedidos de Serraria</h2>
			  <form class="navbar-search pull-left">
				  <input type="text" class="search-query" placeholder="Buscar">
			  </form>
			  <a href="#modalFiltrar" role="button" class="btn btn-info pull-right" data-toggle="modal"><i class="icon-filter icon-white"></i> Filtrar</a>
		      <table class="table table-striped table-hover hoverAzul" id="tabelaPedidos">
		        <thead>
		          <tr>
		            <th>Reg</th>
		            <th>Solicitante</th>
		            <th>Data</th>
		            <th>Partes</th>
		            <th>Status</th>
		          </tr>
		        </thead>
		        <tbody id="resultados">
		          <tr class="info" id="1342">
		            <td>1342</td>
		            <td>Leonardo Marinho</td>
		            <td>28/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 0,60m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 0,60m x 1,20m</li>
		              </ul>
		            </td>
		            <td>Novo</td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		          <tr class="success" id="1234">
		            <td>1234</td>
		            <td>Leonardo Marinho</td>
		            <td>15/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>10 x </strong> prateleira 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td>Concluído</td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		          <tr class="error" id="1224">
		            <td>1224</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 1,20m</li>
		                <li><strong>4 x </strong> parede 0,60m x 1,20m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 1,20m</li>
		              </ul>
		            </td>
		            <td>Cancelado</td>
		            <td>
		            	<div class="btn-group pull-right">
		            		<a class="btn btn-placas " href="#"><i class="icon-list"></i> Detalhes</a>
		            	</div>
		            </td>
		          </tr>
		          <tr class="warning" id="1223">
		            <td>1223</td>
		            <td>Leonardo Marinho</td>
		            <td>08/01/2013</td>
		            <td>
		              <ul>
		                <li><strong>2 x </strong> porta 1,20m x 2,40m</li>
		                <li><strong>4 x </strong> parede 0,60m x 2,40m</li>
		                <li><strong>4 x </strong> tampo 1,20m x 0,60m</li>
		                <li><strong>2 x </strong> fundos 1,20m x 2,40m</li>
		              </ul>
		            </td>
		            <td>Pendente</td>
		            <td><a class="btn btn-placas pull-right" href="#"><i class="icon-list"></i> Detalhes</a></td>
		          </tr>
		        </tbody>
		      </table>
			  <div class="pagination pagination-centered">
				<ul>
				  <li class="disabled"><a href="#">&laquo;</a></li>
		    	  <li class="active"><span>1</span></li>
		    	  <li><a href="#">2</a></li>
		    	  <li><a href="#">3</a></li>
				  <li><a href="#">&raquo;</a></li>
				</ul>
			  </div>
		  </div>	  
	  </div>
	  <div id="modalFiltrar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Filtrar" aria-hidden="true">
	  	  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		    <h3>Filtrar</h3>
		  </div>
		  <div class="modal-body">
		  	<form>
		  	  <fieldset>
			    <legend>Filtros</legend>
			    <label for="#idRegistro">Registro</label>
			    <input class="input-mini" type="text" placeholder="Número de registro" id="idRegistro">
			    <label>Solicitante</label>
			    <select>
			      <option selected="selected"></option>
				  <option>Leonardo Marinho</option>
				  <option>Luiz Monte</option>
				  <option>Yuri Pourre</option>
				</select>
				<label>Data</label>
				<fieldset>
					<div class="pull-left">
						<label><small>De</small></label>
						<div class="input-append date" id="dataPickerDe" data-date-format="dd/mm/yyyy">
							<input class="input-small" type="text" id="dataDe">
							<span class="btn add-on"><i class="icon-calendar"></i></span>
						</div>
					</div>
					<div class="span2">
						<label><small>Até</small></label>
						<div class="input-append date" id="dataPickerAte" data-date-format="dd/mm/yyyy">
							<input class="input-small" type="text" id="dataAte">
							<span class="btn add-on"><i class="icon-calendar"></i></span>
						</div>
					</div>
				</fieldset>
				<label>Partes</label>
				<select multiple="multiple">
				  <option>Porta 0,60m x 1,20m</option>
				  <option>Parede 0,60m x 1,20m</option>
				  <option>Tampo 0,60m x 0,60m</option>
				  <option>Fundos 0,60m x 1,20m</option>
				  <option>Prateleira 1,20m x 1,20m</option>
				  <option>Parede 0,60m x 1,20m</option>
				  <option>Tampo 1,20m x 0,60m</option>
				  <option>Fundos 1,20m x 1,20m</option>
				  <option>Porta 1,20m x 2,40m</option>
				  <option>Parede 0,60m x 2,40m</option>
				  <option>Tampo 1,20m x 0,60m</option>
				  <option>Fundos 1,20m x 2,40m</option>
				</select>
			  </fieldset>
		  	</form>
		  </div>
		  <div class="modal-footer">
		    <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">Fechar</a>
		    <a href="#" class="btn btn-primary">Salvar</a>
		</div>
	  </div>
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../../../resources/js/jquery.js"></script>
    <script src="../../../resources/js/bootstrap.js"></script>
    <script src="../../../resources/js/home.js"></script>
    <script src="../../../resources/js/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
    <script src="../../../resources/js/datepicker/locales/bootstrap-datepicker.pt-BR.js" type="text/javascript"></script>
    <script src="../../../resources/js/jquery.maskedinput.min.js" type="text/javascript"></script>
    <script>
    	$('.date').datepicker({
    		language:'pt-BR',
    		todayBtn: "linked",
    		todayHighlight: true
    		
    	});
    	
    	$('#dataAte').on('changeDate', function(ev){
			if (ev.date.valueOf() < dataDe.date.valueOf()){
				alert("foi");
			}
		});
		
  		$(".date").find("input").mask("99/99/9999");
    </script>
  </body>
</html>